Tempered Ultramarine color palette — #F6EDE4 · #8BB7D8 · #425DC6 · #00504E · #32264A

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

The five colors

• Cream (#F6EDE4): a clean, paper-quiet neutral.
• Sky (#8BB7D8): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#425DC6): A full-bodied, vivid violet — the color of wild irises.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#32264A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Tempered Ultramarine 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 Basin color palette (#F8EBE6, #7CBDC8, #0070A1, #005236, #1E2C4F)
• Worn Petrol color palette (#E3ECE4, #77BBEC, #3D6CAA, #004957, #0B1233)
• Hazy Cornflower color palette (#F6EDE0, #90CCF8, #4587DC, #00697C, #222B4F)
• Soft Workshop color palette (#FFF2EC, #85DFEB, #0089C0, #006A43, #273D6F)
• Grape Bloom color palette (#DFE0C9, #54A42A, #633ABD, #235700, #2B1B55)
• Worn Navy color palette (#EBDCD2, #5C99AF, #004A89, #003128, #100939)
• Airy Periwinkle Meadow color palette (#F8EAEF, #B7D8F3, #76A3F7, #008F9A, #292656)
• Azure Thicket color palette (#F3F0CC, #9AD8B4, #2CA3D1, #845100, #33342D)

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