Petrol Bloom color palette — #CBF3F5 · #007E90 · #004C5F · #002737 · #00050D

Teal takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CBF3F5): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007E90): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004C5F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002737): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00050D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Pine Workshop color palette (#DFEFE3, #00835E, #005544, #002724, #000606)
• Onyx Loft color palette (#DEE5C6, #00707E, #00435C, #2C004F, #000406)
• Faded Navy Lantern color palette (#DEF3FF, #0079B7, #00458C, #000D72, #02001C)
• Aged Abyss color palette (#DAE1D9, #9CA89E, #718F7A, #00504D, #020D02)
• Hushed Lagoon color palette (#DEEDE3, #00A2A5, #3B7DB1, #005A84, #000203)
• Hushed Garnet Archive color palette (#DFEBF9, #617AB1, #4C4A72, #560038, #2F000D)
• Twilit Aubergine Studio color palette (#F9E3FB, #0058A2, #490085, #360022, #060000)
• Soft Villa color palette (#C6EDFB, #4FAEDC, #007ABA, #004788, #00156C)

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