Petrol Bloom color palette — #F4F8E2 · #69C7DF · #00799A · #00555B · #00384F
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#69C7DF): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00799A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00555B): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#00384F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Dusty Lantern color palette (#F5F6EB, #A8D0B5, #25849F, #005F63, #0C4055)
- Cobalt Dune color palette (#FFEEE5, #86C7DA, #0079B3, #005249, #00114C)
- Faded Sky Archive color palette (#E5FAF8, #99E7FF, #00BBF1, #0096A2, #003751)
- Sapphire Summit color palette (#F2F8E7, #7EBEF8, #096BD0, #005171, #0C2A76)
- Faded Azure Bloom color palette (#FEF1FA, #80D9F4, #0095DD, #007368, #0A2B74)
- Antique Denim Corridor color palette (#E1E4D9, #7EAA94, #005F83, #003D46, #002237)
- Dusty Petrol color palette (#F4F6EE, #C4E8E8, #73A594, #427785, #2E5349)
- Hushed Loft color palette (#F4F6EF, #C6E4D8, #678FB0, #066D86, #573D5A)
Browse the whole catalog at Explore, or see today's palette.