Pine Coast color palette — #EEF8F0 · #9AA06F · #3E7130 · #4E426E · #203C31
Built around Olive, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Moss (#9AA06F): A luminous, dusty green — the color of new leaves after rain.
- Olive (#3E7130): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#4E426E): A full-bodied, dusty violet — the color of wild irises.
- Forest (#203C31): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Sophistication, 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
- Pale Balcony color palette (#E4FCED, #94AE67, #007F3D, #7A3653, #33401B)
- Olive Grove color palette (#F9F1DC, #9EA665, #586E27, #4C4441, #211C06)
- Muted Pine Ridge color palette (#EAF9F2, #8ABBB1, #3A8462, #595573, #294943)
- Tempered Bloom color palette (#D6EAE0, #72995C, #006542, #5E2B39, #00312A)
- Softworn Stone color palette (#E5FCEF, #B3BC6E, #738A43, #765872, #1B3D31)
- Aged Veranda color palette (#FCF2F9, #A3CCDE, #0083B2, #006150, #243C58)
- Olive Garden color palette (#D5E3DA, #6B8529, #005323, #3B1E52, #151E00)
- Timeworn Taupe Veranda color palette (#FBF4E7, #C8D096, #8BAC72, #9278A0, #37352F)
Browse the whole catalog at Explore, or see today's palette.