Petrol Bloom color palette — #F8EBE6 · #9CC2A3 · #007099 · #004123 · #00020F
A conversation between Peacock and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8EBE6): a clean, paper-quiet neutral.
- Mint Leaf (#9CC2A3): A luminous, dusty teal — the color of sea glass.
- Peacock (#007099): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004123): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#00020F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Sophistication. 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
- Aged Ultramarine Archive color palette (#F8EBE2, #8FBED8, #3061C2, #003E39, #030010)
- Softworn Hollow color palette (#FFF2EB, #AAD8C0, #2C7CCC, #005344, #0A0033)
- Wandering Cerulean color palette (#F3E9D9, #189CA6, #005264, #002C25, #00050A)
- Timeworn Cerulean Thicket color palette (#E1F1E4, #50C3CE, #0092AF, #006E5F, #001623)
- Lapis Workshop color palette (#F5E1C6, #A47400, #513DF3, #503600, #01000A)
- Tempered Lagoon color palette (#FFD8D4, #C85F00, #6D5000, #2F2A00, #020500)
- Muted Moss color palette (#E9E4CF, #A49700, #564E00, #161400, #010100)
- Wandering Pine color palette (#FDF3EE, #C1E2EB, #6CAEDB, #00835B, #212C4E)
Browse the whole catalog at Explore, or see today's palette.