Fern Basin color palette — #FBF2FC · #B7F3ED · #00A3C0 · #2D6C21 · #002038

Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FC): bright and airy, almost weightless.
• Sea Foam (#B7F3ED): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#00A3C0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#2D6C21): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#002038): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Azure Station color palette (#FBF2F7, #BFEEFF, #2E95F2, #006C58, #181840)
• Softworn Canyon color palette (#FAF2F9, #D3D5E4, #07B6EA, #36804E, #172F4E)
• Faded Cobalt Field color palette (#FEF1FA, #7DDCEE, #0082BF, #005439, #03072C)
• Worn Loft color palette (#F9EBE4, #82BEBA, #007586, #00532A, #003248)
• Washed Denim color palette (#EFE3ED, #6CAEB8, #005C82, #002D1A, #00000A)
• Quiet Archive color palette (#F9F2FF, #DB5EA1, #0091AD, #0073A3, #14051E)
• Feathered Brick Lantern color palette (#FFEFFF, #FF7A88, #00A7A4, #B9003B, #001D1D)
• Ultramarine Pier color palette (#F7EAF0, #88BFDD, #005AE0, #003E39, #030011)

Browse the whole catalog at Explore, or see today's palette.