Fern Coast color palette — #E4F7F1 · #3F7DAE · #4F6C0A · #00513B · #001608
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#E4F7F1): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#3F7DAE): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#4F6C0A): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00513B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001608): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Fern 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
- Timeworn Coast color palette (#E5F7EB, #00899B, #796000, #2A4F06, #0D1807)
- Softworn Indigo color palette (#FEECF7, #736FBD, #007049, #00464C, #001A15)
- Ash Boulevard color palette (#FDEDF1, #A784BB, #2A7B78, #20546C, #24151F)
- Aged Veranda color palette (#EEF6FF, #6396CA, #668039, #006F55, #10303D)
- Patina Pier color palette (#F7F3FF, #985688, #8C4715, #005334, #20263C)
- Worn Meadow color palette (#FFF1F4, #D08EDB, #898014, #626216, #051F16)
- Wandering Amethyst Atelier color palette (#FFDBEA, #7B0EF0, #00594A, #002D37, #000220)
- Worn Blush Lagoon color palette (#FFEEE2, #C983A6, #97545E, #5C4100, #351A18)
Browse the whole catalog at Explore, or see today's palette.