Pine Coast color palette — #FFF3E2 · #9AAC6A · #007E48 · #005B6C · #354015
Built around Pine, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Sage (#9AAC6A): A luminous, balanced green — the color of fresh herbs.
- Pine (#007E48): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005B6C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Olive (#354015): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Muted Villa color palette (#FCF6DB, #72B586, #007A72, #23547F, #3A3B35)
- Frosted Pine color palette (#DEF9EE, #90B479, #128042, #005951, #112700)
- Feathered Olive color palette (#FFF3E8, #B8A251, #557523, #5F4370, #453A0E)
- Timeworn Boulevard color palette (#ECE4D4, #799660, #006548, #00445A, #2C2A07)
- Washed Driftwood color palette (#F9F4EE, #C6C29F, #778A47, #795E5F, #574E00)
- Forest Market color palette (#FFF2ED, #B6D9BA, #008CB6, #006B34, #1D406E)
- Washed Azure color palette (#FEF0FF, #4996EC, #927E00, #005CAC, #453A00)
- Linen Jade color palette (#E8FBEA, #C7D798, #4CBF79, #2D97AD, #363F13)
Browse the whole catalog at Explore, or see today's palette.