Cobalt Harbor color palette — #F8E2B9 · #A18000 · #0074C0 · #604C00 · #003054

Built around Royal Blue, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Peach Cream (#F8E2B9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#A18000): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#0074C0): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#604C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003054): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Gentle Sapphire color palette (#F0E4C4, #928700, #485DE4, #575000, #181C76)
• Misty Villa color palette (#DDF1DF, #AE7C00, #0069E7, #644600, #001437)
• Amber Corridor color palette (#FFDDC9, #DD7221, #0061B6, #7B3900, #002D5B)
• Feathered Cornflower color palette (#F5E1C6, #DFA429, #007BE5, #896100, #002D5C)
• Sunlit Ember Corridor color palette (#FFDDC4, #CE6100, #00817D, #7C3800, #003634)
• Chalky Veranda color palette (#F7F7DB, #6AA826, #586FEF, #3E6A00, #263277)
• Hushed Grape color palette (#E1E1C0, #67A121, #6640AC, #315400, #2E1A53)
• Fern Station color palette (#F1F1D6, #739C4E, #9562A3, #3B6400, #4A2254)

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