Timeworn Olive Coast color palette — #FFF1F6 · #B7B184 · #5C7F48 · #4D587B · #31483C
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Sage (#B7B184): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#5C7F48): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#4D587B): A full-bodied, dusty violet — the color of twilight just after sunset.
- Forest (#31483C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Timeworn 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
- Cypress Harbor color palette (#ECF9F3, #8BBAB6, #2A8377, #5D546F, #284946)
- Wandering Pier color palette (#ECFAEC, #99A072, #157634, #524366, #193D31)
- Timeworn Stone color palette (#FAF0E2, #BDB57A, #6F7C46, #6A4A57, #2F2610)
- Hushed Stone Bloom color palette (#EEF8EF, #CCC695, #8A9569, #6D6F8A, #30493C)
- Pine Delta color palette (#F9F3F8, #C1E3EE, #3C96B9, #2C7244, #354962)
- Garnet Orchard color palette (#D5EAE4, #599B82, #006166, #5E2745, #003223)
- Basalt Bloom color palette (#FBF4EC, #E2D4AF, #B1AF83, #A48599, #534000)
- Hushed Boulevard color palette (#E3F4E7, #6C843C, #005233, #3C204A, #151F00)
Browse the whole catalog at Explore, or see today's palette.