Olive Harbor color palette — #FFF2EA · #DEBF82 · #8A9746 · #347714 · #004736
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Sand (#DEBF82): A luminous, balanced gold — the color of old brass.
- Moss (#8A9746): A luminous, balanced green — the color of new leaves after rain.
- Olive (#347714): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004736): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, 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
- Worn Emerald color palette (#FFF2D9, #C3CC8C, #64A560, #007359, #00494B)
- Olive Workshop color palette (#FFEAE8, #E6B291, #AF8A3D, #696900, #274B00)
- Antique Thicket color palette (#FFF6D1, #D8D57C, #AABA6C, #6F8C41, #1A4D01)
- Timeworn Pewter Grove color palette (#FFF3E7, #D0AA73, #6B9452, #755191, #403D36)
- Worn Bronze color palette (#F4DDC7, #947E00, #475B00, #003B1B, #000C09)
- Faded Moss Archive color palette (#EBDECA, #B9AE00, #4E9300, #005D42, #003432)
- Hushed Alley color palette (#EDEDDD, #568305, #005A38, #002A27, #000609)
- Hushed Jade Archive color palette (#DFE7D0, #69BB7B, #008A75, #00545A, #002436)
Browse the whole catalog at Explore, or see today's palette.