Background Colors

Cool Grey
#F4F6F9
Near White
#FAFAFA
Blue Grey
#EEF2F7
Warm Off-White
#FFFDF7
Sage Mist
#F0F4F0
Lavender Tint
#F5F0FA
Peach Tint
#FFF8F0
Dark Mode
#1C1C1E
Midnight Navy
#2C3E50

Text & Heading Colors

Steel Blue
#2C6FAC
Navy Blue
#1A5276
Sky Blue
#3A7EBD
Apple Blue
#007AFF
Forest Green
#1E8449
Deep Purple
#6C3483
Deep Red
#B03A2E
Warm Brown
#784212
Charcoal
#2C3E50
Medium Grey
#555555

Background + Text Pairings

Preview how heading colors look against each background.

Steel Blue on Cool Grey
bg: #F4F6F9
text: #2C6FAC
Navy Blue on Cool Grey
bg: #F4F6F9
text: #1A5276
Steel Blue on Blue Grey
bg: #EEF2F7
text: #2C6FAC
Warm Brown on Off-White
bg: #FFFDF7
text: #784212
Forest Green on Sage
bg: #F0F4F0
text: #1E8449
Deep Purple on Lavender
bg: #F5F0FA
text: #6C3483
Deep Red on Peach
bg: #FFF8F0
text: #B03A2E
Sky Blue on Dark Mode
bg: #1C1C1E
text: #3A7EBD
Near White on Midnight Navy
bg: #2C3E50
text: #FAFAFA

How to Apply in R Markdown

Copy this block into your .Rmd right after the setup chunk, then swap in any hex code from above:

{r css, echo=FALSE, results='asis'}
cat('
<style>
  h1, h2, h3, h4 { color: #2C6FAC; }
  body { background-color: #F4F6F9; }
</style>
')