Olive Harbor color palette — #F0D4EA · #90ADFF · #698B00 · #008489 · #0F1836
A conversation between Olive Leaf and Cornflower, giving this palette its sense of nature and growth.
The five colors
- Thistle (#F0D4EA): A whisper-light, dusty pink — the color of neon signs at night.
- Cornflower (#90ADFF): A luminous, balanced violet — the color of wild irises.
- Olive Leaf (#698B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Teal (#008489): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#0F1836): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Olive Harbor 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
- Patina Bronze color palette (#EBD7EA, #82B1FF, #AB6E00, #00895E, #281027)
- Airy Studio color palette (#FFE7F1, #C9B1FF, #A28B00, #00968E, #351E29)
- Frosted Cobalt color palette (#FCDAE6, #CAA0FF, #009B67, #0080C6, #27143B)
- Muted Harbor color palette (#E8D8E7, #5F9BFF, #F25331, #667F00, #261225)
- Quiet Sky Boulevard color palette (#CDE5D9, #33C1F1, #B26900, #008A55, #002114)
- Sunlit Fuchsia Bloom color palette (#F2DBDE, #DD70E0, #968500, #006F79, #002529)
- Hushed Lantern color palette (#FADDE4, #B55FD8, #898200, #007270, #1E020C)
- Lime Study color palette (#FFF1F5, #CDA4F8, #95BD55, #25A1AE, #3F2D33)
Browse the whole catalog at Explore, or see today's palette.