Tempered Ultramarine Garden color palette — #F4E3E9 · #78A8CD · #445AC5 · #004A4A · #1B0336

Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F4E3E9): A whisper-light, dusty rose — the color of pressed rose petals.
• Blue Fog (#78A8CD): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#445AC5): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#004A4A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#1B0336): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Petrol Alley color palette (#EFE2EB, #55B0C5, #006CA6, #004C37, #080544)
• Antique Lapis Studio color palette (#F8ECDF, #79BFF2, #3D51E1, #003E3E, #04000E)
• Washed Alley color palette (#EEE4D6, #6595BB, #084498, #002E39, #0A0542)
• Linen Cornflower color palette (#DCE9DE, #82B6E1, #247CFD, #006A80, #0A0542)
• Cornflower Coast color palette (#FAE9EF, #9CCBE9, #5C82D9, #006C67, #312354)
• Hushed Canyon color palette (#EEE4FF, #E08CBF, #CE8251, #2D4F94, #27062A)
• Tempered Pine Bloom color palette (#FDF0FD, #7ADEDD, #009BC0, #007828, #003361)
• Dusty Ridge color palette (#FDF2F7, #AEE4FC, #599DF3, #008473, #3A3574)

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