Petrol Bloom color palette — #D5E3EB · #0077A0 · #7F5900 · #5D4000 · #000204
Built around Slate, softened by Coffee — the whole palette hums with trust and stability.
The five colors
- Silver (#D5E3EB): a clean, paper-quiet neutral.
- Slate (#0077A0): A full-bodied, balanced blue — the color of deep harbor water.
- Coffee (#7F5900): A full-bodied, balanced gold — the color of old brass.
- Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.
- Black (#000204): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
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
- Terracotta Station color palette (#CDECF7, #007C83, #9F4000, #752D00, #000203)
- Garnet Loft color palette (#D3E4DF, #00578B, #7E1B00, #342700, #000205)
- Quiet Lapis Atelier color palette (#E8ECFF, #5248F7, #716100, #524600, #01000F)
- Hushed Grape Station color palette (#E2F8DA, #007ECE, #8A1B98, #1C4600, #020018)
- Hazy Canyon color palette (#EAECFF, #AF5CFF, #277000, #005742, #080015)
- Violet Basin color palette (#D5DEFC, #8A6BFF, #858400, #676700, #070A25)
- Plum Station color palette (#D8EDFD, #0097C9, #AF1C67, #006082, #040007)
- Aged Periwinkle Field color palette (#CAE0FD, #82B1FF, #947B00, #56711C, #0A1B30)
Browse the whole catalog at Explore, or see today's palette.