Olive Coast color palette — #DDE8DC · #B1A756 · #5B7F26 · #256153 · #0B3121
Olive Leaf and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#DDE8DC): a clean, paper-quiet neutral.
- Sage (#B1A756): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#5B7F26): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#256153): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#0B3121): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Olive 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
- Weathered Emerald Coast color palette (#EEF8F0, #B4BA81, #5E8F50, #326F68, #1F3C31)
- Softworn Pine Balcony color palette (#D8E9E0, #8FB26D, #008850, #5F5614, #073029)
- Muted Summit color palette (#FEF4E2, #BFC07D, #678140, #2C5C43, #1F1700)
- Ancient Pine color palette (#D7E8DD, #869D56, #007433, #005051, #002119)
- Timeworn Cypress color palette (#D3EBE3, #78B685, #008570, #185E73, #00302E)
- Hushed Taupe color palette (#FBF2F5, #B7DBC5, #95A275, #717E95, #405247)
- Olive Alley color palette (#E0F2E1, #7D7810, #2C5000, #252357, #000804)
- Weathered Sky color palette (#CBE2F3, #2DB6F6, #A16800, #006C96, #3B2300)
Browse the whole catalog at Explore, or see today's palette.