Fern Basin color palette — #CCE8D9 · #89A179 · #6D6720 · #583500 · #001D1D
A conversation between Olive and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#CCE8D9): A whisper-light, dusty teal — the color of sea glass.
- Moss (#89A179): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#6D6720): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#583500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#001D1D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Fern Basin 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
- Fern Studio color palette (#D6EFE2, #72A293, #6B661E, #554100, #0F3832)
- Chestnut Thicket color palette (#F4D7E4, #AF9462, #885737, #5C2E2F, #001E13)
- Antique Bronze color palette (#FFECF4, #96B59B, #97694A, #6A3E3D, #0F281F)
- Driftwood Study color palette (#FDF5DC, #C0CF98, #918D4A, #6C5516, #232303)
- Muted Driftwood color palette (#E6F7EA, #A1C4B7, #688D72, #6C4E5C, #1C312E)
- Airy Cocoa Pier color palette (#FEE3F2, #986613, #712B00, #470017, #000703)
- Hushed Mulberry color palette (#E9F4F8, #47B1BD, #9C3C71, #006169, #0B0213)
- Fern Coast color palette (#D6E5DC, #435B21, #312A00, #190A00, #000201)
Browse the whole catalog at Explore, or see today's palette.