Olive Coast color palette — #BEF0DD · #A2BD70 · #558800 · #336420 · #20504C
Built around Olive Leaf, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Honeydew (#BEF0DD): A whisper-light, dusty teal — the color of sea glass.
- Sage (#A2BD70): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#558800): A full-bodied, balanced green — the color of new leaves after rain.
- Olive (#336420): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#20504C): 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
- Faded Olive Studio color palette (#EBE3B4, #AAA74D, #7A8100, #526500, #1A5045)
- Mustard Canyon color palette (#EFE8CA, #B0B335, #60862F, #1B603A, #003032)
- Chalky Lagoon color palette (#BAF4F0, #6AC794, #009769, #00674F, #205359)
- Pine Ridge color palette (#D5FFFC, #84C998, #008F50, #005225, #0E391E)
- Sunlit Jade color palette (#FCE5B1, #D1C97C, #8BB96E, #519668, #135247)
- Ember Veranda color palette (#EAF9F4, #91AA63, #CF6558, #567017, #62332D)
- Emerald Lagoon color palette (#D3E5CF, #00AC31, #00793F, #004C31, #003133)
- Antique Emerald color palette (#DEFCFA, #4F9B69, #0089A5, #836401, #1C3F3D)
Browse the whole catalog at Explore, or see today's palette.