Olive Coast color palette — #F2F3E4 · #88B275 · #3298C8 · #377600 · #002B3E
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Cream (#F2F3E4): a clean, paper-quiet neutral.
- Sage (#88B275): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#3298C8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#377600): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#002B3E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Weathered Cerulean color palette (#F7F2E1, #ABA765, #00A0AA, #6E6700, #002E31)
- Patina Summit color palette (#ECF6E3, #6CB59C, #6B8AD7, #00765C, #15244D)
- Sunlit Sky Boulevard color palette (#E9F9F6, #99C785, #12B2F3, #59923C, #22465F)
- Tempered Summit color palette (#E4FBF7, #80AE72, #9873D0, #3B7627, #3C3F60)
- Ancient Balcony color palette (#F0F4E3, #81B28A, #C67644, #007936, #3F1C04)
- Wandering Olive Lantern color palette (#DDEEE0, #38A2AB, #838000, #006168, #1E1D00)
- Bronze Bloom color palette (#F6F3D8, #829759, #00928D, #9F5500, #231F00)
- Weathered Sapphire Thicket color palette (#E4ECD4, #00A062, #006FD6, #005B36, #001532)
Browse the whole catalog at Explore, or see today's palette.