Olive Coast color palette — #E6E7B5 · #98AD64 · #4D8238 · #155F2D · #023A26
Olive Leaf and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#E6E7B5): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#98AD64): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#4D8238): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#155F2D): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#023A26): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Washed Olive color palette (#C3ECCF, #ABB06A, #548C35, #006C3D, #07514A)
- Lagoon Grove color palette (#D6ECD1, #63B483, #009273, #006054, #003939)
- Timeworn Bronze Coast color palette (#F0E3CF, #C4AC5A, #897E1F, #445000, #23360B)
- Pine Cabin color palette (#ECF8D2, #8ECDA9, #40855C, #004A29, #001C0C)
- Tempered Pine color palette (#F1F5DE, #7DB47C, #AA78B6, #347536, #341C3A)
- Ancient Lagoon color palette (#E3F2D8, #009F30, #007145, #003F2F, #002421)
- Timeworn Spruce color palette (#EEF6DA, #BDE3CF, #9DCBEB, #7B8E5A, #2A3D00)
- Patina Cocoa color palette (#FFEFDD, #BCA97E, #8B6F4D, #694125, #2B2107)
Browse the whole catalog at Explore, or see today's palette.