Tempered Petrol Bloom color palette — #ECF7FF · #D6D9E4 · #7EBDE9 · #286D9B · #032E45

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Silver (#D6D9E4): a clean, paper-quiet neutral.
• Sky (#7EBDE9): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#286D9B): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#032E45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

Use it as a design system

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

• Softworn Petrol color palette (#F2F5FF, #DBD7E1, #B4B1ED, #665FA1, #292249)
• Cypress Loft color palette (#E5F9FF, #CEDBE8, #66C0BD, #007878, #003635)
• Washed Thicket color palette (#E6F4FF, #9AD1FD, #4D8FB6, #255170, #042236)
• Tempered Drift color palette (#EFF6FF, #A9C4F3, #DD9D84, #549267, #273242)
• Worn Stone color palette (#EAF8FF, #DBDAE5, #8FC7B5, #C1B0A4, #3B4E5F)
• Softworn Hollow color palette (#F1F5FF, #DDD6F0, #648FFF, #004C92, #001034)
• Periwinkle Market color palette (#F1F5FB, #DBD9E4, #DE9A93, #6E9AE2, #261A24)
• Hushed Cobalt color palette (#DAE8F6, #318CD0, #00437A, #281B22, #000717)

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