Fern Quarry color palette — #F3F3E5 · #8CC0AB · #26838A · #5C5701 · #232A1A
A conversation between Olive and Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F3E5): a clean, paper-quiet neutral.
- Mint Leaf (#8CC0AB): A luminous, dusty teal — the color of sea glass.
- Teal (#26838A): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#5C5701): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#232A1A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Fern Quarry 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
- Softworn Pier color palette (#FAF0E3, #AFB98D, #528260, #3F5D4A, #2B2816)
- Jade Villa color palette (#FBF2D7, #76BB72, #007D6A, #1B5171, #0C270B)
- Lagoon Thicket color palette (#E5FAF7, #9FCED1, #579D9D, #4F7B75, #2A484A)
- Muted Taupe Boulevard color palette (#FFEEE1, #B59E57, #576E2F, #5C3B49, #251A03)
- Hushed Thicket color palette (#F8F0EA, #B1E6FA, #6291C5, #2B6B5C, #3D2234)
- Antique Bronze Courtyard color palette (#DAFBE9, #009CC2, #AC7100, #8B6228, #092418)
- Shell Lantern color palette (#E2F8EA, #E0D4DE, #EFB3C7, #4E8273, #1B3830)
- Linen Boulevard color palette (#D2EBE5, #00B9BA, #0082A4, #1A4E7C, #402539)
Browse the whole catalog at Explore, or see today's palette.