Fern Harbor color palette — #E1F2EC · #A26000 · #456800 · #00474C · #000201
Olive and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E1F2EC): a clean, paper-quiet neutral.
- Ochre (#A26000): A full-bodied, balanced gold — the color of old brass.
- Olive (#456800): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#00474C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Fern 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
- Dusty Rust color palette (#DEF3E7, #CF410D, #5E6300, #00423F, #010100)
- Midnight Field color palette (#DDEFDD, #595D1A, #00340C, #1E1100, #010100)
- Fern Chapel color palette (#F6E8CD, #3B6935, #00434C, #2D041B, #090003)
- Amber Courtyard color palette (#EDEBCF, #D77A00, #708200, #006169, #000301)
- Tempered Navy color palette (#CCEBEF, #848400, #00735B, #003486, #000202)
- Garnet Alley color palette (#D0F8FD, #00594C, #6D0047, #00251E, #040002)
- Moss Courtyard color palette (#C7EAED, #A79A00, #00987F, #005EA0, #000505)
- Navy Ridge color palette (#EBDAE2, #4D8097, #00387C, #00201B, #010009)
Browse the whole catalog at Explore, or see today's palette.