Emerald Basin color palette — #F2F8E8 · #379F68 · #00717A · #0C4982 · #3A3831
Built around Fern, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F8E8): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#379F68): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00717A): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#0C4982): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#3A3831): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Emerald 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
- Moss Quarry color palette (#F7F6E6, #769634, #00755D, #005162, #502F04)
- Navy Lagoon color palette (#EFF9EC, #009E90, #006B99, #483A7F, #224022)
- Nightshade Bloom color palette (#DEEED6, #008070, #00536E, #250094, #1C2900)
- Worn Moss color palette (#F6F2E2, #8D9600, #186AA0, #5A3050, #351114)
- Wandering Lagoon color palette (#C9F5D8, #62CB9E, #009874, #006A59, #3C5333)
- Weathered Lagoon Pier color palette (#ECF6E0, #B2C3AA, #558E92, #785774, #5B4753)
- Cerulean Station color palette (#F4F6EF, #C1E6D6, #3E92C9, #006D84, #2A5047)
- Feathered Quarry color palette (#F6F7E6, #DAEB96, #8CD158, #3DA376, #393A33)
Browse the whole catalog at Explore, or see today's palette.