Petrol Bloom color palette — #F0F7F3 · #CDDDDE · #BCAEBB · #006F88 · #303E36
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Silver (#CDDDDE): a clean, paper-quiet neutral.
- Ash (#BCAEBB): A luminous, dusty pink — the color of a candy shop window.
- Teal (#006F88): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#303E36): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Weathered Cerulean color palette (#EFF6FA, #D7D8E5, #C1BBCA, #0090A7, #2D3D45)
- Ancient Petrol Alley color palette (#EDF4EF, #E2D3D8, #C5B0BB, #007183, #19231D)
- Ancient Basin color palette (#FCF2F6, #E5D5D1, #D2B3B5, #715BA2, #4C3A42)
- Softworn Abyss Courtyard color palette (#E9F2EE, #BFB5C0, #9E8598, #004B66, #11241C)
- Worn Spruce Terrace color palette (#F6F6E6, #7BA786, #31705C, #37533C, #313A00)
- Dusty Aubergine color palette (#F7EBEE, #DAC6C9, #B19A99, #64447E, #3A282E)
- Tempered Chestnut color palette (#C3EAFF, #91A2CB, #936D7C, #7D4B14, #524416)
- Ancient Navy color palette (#EEE4E9, #A9939A, #85676C, #291B61, #12050C)
Browse the whole catalog at Explore, or see today's palette.