Olive Coast color palette — #CAF3F5 · #6B8400 · #007259 · #003D58 · #000202
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Frost (#CAF3F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Olive Leaf (#6B8400): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#007259): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003D58): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, 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
- Hushed Fern color palette (#DBF2ED, #8F7500, #2C6800, #00454B, #000200)
- Airy Pine color palette (#D2E4EB, #008F3D, #006773, #003680, #000103)
- Eclipse Forest color palette (#D0E8E0, #006A34, #00322A, #101700, #000200)
- Cypress Chapel color palette (#DBF1DA, #026F6C, #073756, #2F0707, #0F0000)
- Washed Garden color palette (#D5E7C7, #00C674, #009F85, #005C5B, #000201)
- Aged Veranda color palette (#E8DAE5, #008899, #00415B, #002019, #000105)
- Cellar Garnet color palette (#DDF3FD, #005663, #6B1C00, #00232A, #040000)
- Aubergine Orchard color palette (#C9E5FE, #009E9B, #007BB9, #552A9D, #000106)
Browse the whole catalog at Explore, or see today's palette.