Cobalt Harbor color palette — #FDF4E5 · #F3DAA5 · #96AB74 · #4874AC · #503C00

A conversation between Slate and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Peach Cream (#F3DAA5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#96AB74): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#4874AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#503C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Cobalt 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

• Washed Pewter color palette (#FCF4E7, #CAE8B6, #74B09E, #7D649F, #3D4400)
• Antique Parlor color palette (#F9F5ED, #DECB90, #56AB9D, #58679E, #512D28)
• Petrol Field color palette (#FCF4E8, #FFD1C3, #C09B64, #17818D, #443E39)
• Hushed Mint color palette (#FFF3E8, #FAC39C, #93BD75, #8F83B3, #4B4741)
• Wandering Marigold color palette (#E7FCEB, #C6A253, #6D7F4D, #425B7A, #394D42)
• Muted Pewter color palette (#FEF4E4, #A2DCAF, #24A6A1, #7F4C89, #30332C)
• Nightshade Archive color palette (#FFF4E2, #CBC53B, #329E48, #4546B3, #222C00)
• Ancient Teal Grove color palette (#F8F5EF, #C3DEE2, #99D0C9, #4CA48B, #335646)

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