Petrol Bloom color palette — #D6F6FE · #006E87 · #003A4D · #001C2A · #000A14
A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#D6F6FE): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006E87): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003A4D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001C2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000A14): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Aubergine Study color palette (#D5EFFF, #00587B, #6B0062, #002435, #10000E)
- Timeworn Hollow color palette (#D6E9E3, #008B90, #006782, #003D76, #070034)
- Ancient Indigo color palette (#DEEDFF, #698EED, #635BBE, #00314C, #170316)
- Muted Basin color palette (#D3EEFF, #0099E7, #0062A8, #003A7D, #162B57)
- Charred Garden color palette (#EFE7CA, #645B00, #352B00, #180F00, #040400)
- Linen Sapphire color palette (#CFE3FD, #3071FE, #272ABD, #200F7A, #1A0D45)
- Deep Ultramarine color palette (#E0E9F8, #262EE1, #22008B, #130044, #0E0012)
- Grape Alley color palette (#DFE3FF, #6915FC, #460092, #2E005A, #1B002D)
Browse the whole catalog at Explore, or see today's palette.