Fern Studio color palette — #E4EEFE · #4C70C2 · #186F0A · #004B46 · #001722
Built around Olive, softened by Sapphire — the whole palette hums with nature and growth.
The five colors
- Frost (#E4EEFE): A whisper-light, dusty blue — the color of deep harbor water.
- Sapphire (#4C70C2): A full-bodied, balanced violet — the color of wild irises.
- Olive (#186F0A): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004B46): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001722): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Fern Studio 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
- Cobalt Grove color palette (#D9ECFC, #0080B2, #586100, #004C29, #00191C)
- Dusty Drift color palette (#E7EFFF, #4F5AC0, #005F39, #003739, #000915)
- Antique Field color palette (#E8ECFE, #8467D8, #006B57, #004C59, #000D2D)
- Dusty Drift color palette (#F0F5FF, #6D87DD, #008642, #006160, #092031)
- Feathered Coast color palette (#F9E1E6, #E16FFF, #008B50, #006E6D, #00160D)
- Patina Coast color palette (#EAEAFB, #7735A2, #4B4000, #003133, #120F28)
- Feathered Grape Boulevard color palette (#EFEEFF, #8420A1, #004949, #002D45, #020011)
- Petrol Lantern color palette (#F6F3FD, #BB8AB8, #3697A8, #386C9F, #2D3041)
Browse the whole catalog at Explore, or see today's palette.