Tempered Ultramarine Field color palette — #F0E1E7 · #7CA7C7 · #415BC3 · #004A49 · #1B003A

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

The five colors

• Rose Water (#F0E1E7): a clean, paper-quiet neutral.
• Blue Fog (#7CA7C7): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#415BC3): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#004A49): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#1B003A): 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 Field 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

• Onyx Pier color palette (#F5ECF3, #63AFBE, #006DA2, #004C35, #05014A)
• Ultramarine Veranda color palette (#F8ECE1, #7BBFED, #3D5DC4, #003E3C, #04000F)
• Navy Dune color palette (#EFE9DF, #6695B6, #00488F, #002E38, #06093E)
• Aged Study color palette (#DAE6DC, #61B9F4, #3F84D8, #006A7C, #080E37)
• Worn Cobalt Coast color palette (#F5ECEF, #A9C9E1, #5E84D1, #006D66, #30215A)
• Pine Grove color palette (#FCF1FF, #84DCDB, #009BC0, #007926, #003460)
• Antique Periwinkle Balcony color palette (#FEF1F8, #B9E1FA, #5C9FEA, #008570, #383577)
• Lagoon Quarry color palette (#F8F3F8, #D5D6E8, #85B9D6, #51976E, #43546A)

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