Fern Harbor color palette — #DCE8F2 · #0076A5 · #576B00 · #00552A · #000204

Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DCE8F2): a clean, paper-quiet neutral.
• Cerulean (#0076A5): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#576B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#00552A): A deep, shadowed, balanced teal — the color of sea glass.
• Black (#000204): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

One click turns Fern Harbor 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

• Wandering Ultramarine color palette (#DFEBFF, #2A55DB, #006118, #003C39, #000204)
• Sunlit Indigo color palette (#D8DEEE, #5E5BC9, #007355, #005153, #01000E)
• Softworn Pier color palette (#CEE5D5, #957800, #00836A, #006069, #070400)
• Tempered Emerald color palette (#FFE7F1, #CC6E00, #3D9600, #00745A, #190800)
• Timeworn Rust Harbor color palette (#FBE2EF, #B45100, #655500, #044309, #000202)
• Twilit Ultramarine color palette (#FEE8FB, #0433C7, #3B4000, #001D21, #00000B)
• Dusty Periwinkle color palette (#CEE0F5, #4A9FFD, #61A53F, #00886A, #001A39)
• Aubergine Garden color palette (#E1E1FF, #7122A1, #5E3E00, #00321F, #040008)

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