Ultramarine Garden color palette — #F7ECE3 · #85BFE0 · #275ECD · #003E39 · #030010

Built around Cobalt, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F7ECE3): bright and airy, almost weightless.
• Sky (#85BFE0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#275ECD): A full-bodied, vivid violet — the color of wild irises.
• Forest (#003E39): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#030010): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Tempered Petrol Grove color palette (#FCEAE2, #77C5CF, #00709B, #004026, #000112)
• Navy Corridor color palette (#FEE4EF, #4A99C2, #194299, #00302C, #160736)
• Dusty Forest Terrace color palette (#FEF2EF, #8FDCD9, #0088A6, #005612, #000D1E)
• Hushed Cornflower Villa color palette (#D4E5D7, #76B9E0, #0085E5, #006B78, #020B3F)
• Byzantium Pier color palette (#F3EEE0, #858300, #8A35BB, #3F3E00, #020005)
• Muted Cypress Basin color palette (#F9F4EF, #C2E2F6, #91A3DE, #007F7F, #33264A)
• Tempered Nightshade color palette (#D8F2D7, #2A8F2E, #4B00BB, #55006A, #000200)
• Linen Azure Balcony color palette (#FBEFC7, #8FE6C2, #00ACDA, #834D00, #010800)

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