Petrol Bloom color palette — #FBF2FA · #DBA4A0 · #569C71 · #2E77A2 · #221F31

Built around Slate, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Rosewood Mist (#DBA4A0): A luminous, dusty orange — the color of toasted spice.
• Fern (#569C71): A luminous, balanced teal — the color of sea glass.
• Slate (#2E77A2): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#221F31): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Cobalt Summit color palette (#FDF2F5, #D9A97B, #509CA6, #6D68AD, #2E2331)
• Worn Pier color palette (#F6F3FF, #D19FC9, #91914F, #057B6F, #1D2432)
• Hushed Courtyard color palette (#FCF2F7, #F7BD9F, #84A573, #1B7690, #442D54)
• Softworn Jade color palette (#FAF2FB, #F5AAB6, #75B26C, #778BBD, #3B303D)
• Weathered Grape color palette (#EBF9EF, #B99C46, #0089AC, #6D49A5, #230F22)
• Ultramarine Veranda color palette (#FFF0FA, #E4754F, #008373, #0045CA, #260219)
• Antique Amber color palette (#FCEFE6, #CE7957, #117964, #0F5747, #24171E)
• Ancient Station color palette (#FFF1F6, #D4A378, #475A4C, #36252C, #130D11)

Browse the whole catalog at Explore, or see today's palette.