Ultramarine Basin color palette — #CFDFF9 · #3B5BB3 · #7D4100 · #353C00 · #0A173D

Cobalt and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Powder Blue (#CFDFF9): A whisper-light, dusty violet — the color of a velvet chair.
• Cobalt (#3B5BB3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#7D4100): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#353C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Midnight (#0A173D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Aged Grape color palette (#D9DDF1, #6D4DA4, #665000, #004422, #1F1234)
• Washed Lapis Terrace color palette (#E3EAFE, #4E46B9, #622F00, #0B3200, #001522)
• Terracotta Alley color palette (#CDE1F0, #006B94, #9B1315, #483400, #001E2D)
• Softworn Petrol Grove color palette (#D1E5F6, #006C9B, #505C00, #333B00, #000813)
• Quiet Coast color palette (#CEE5D2, #8366B0, #7E2064, #353600, #33133F)
• Cornflower Boulevard color palette (#EAD7EC, #3495F4, #A53600, #00633A, #271029)
• Aubergine Garden color palette (#EAEAFF, #63008F, #3D3700, #002415, #0A0013)
• Faded Forest color palette (#F3F4FF, #8A71B9, #8B6C19, #006431, #2E3048)

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