Petrol Bloom color palette — #F4F6F0 · #C8E4D6 · #5392B8 · #006E81 · #264B69

Teal and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Celadon Mist (#C8E4D6): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#5392B8): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006E81): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#264B69): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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

• Washed Cerulean Villa color palette (#F5F6ED, #CFE3CF, #339AA3, #007265, #2C513A)
• Softworn Azure Cabin color palette (#F7F0EC, #BDE8D3, #4B92D5, #006D69, #3B2236)
• Cobalt Cabin color palette (#F4F6EE, #A4D0C3, #4E7BAF, #005B7B, #223963)
• Hushed Denim Summit color palette (#E3E7DA, #5D96BC, #004C80, #002E3C, #001330)
• Dusty Powder color palette (#EBF8F7, #D3DCF4, #90C5E7, #65A3B2, #314A62)
• Muted Cypress Balcony color palette (#E4E4D5, #67ACAC, #00636B, #003F37, #00242B)
• Timeworn Cypress color palette (#F6F7E5, #75C8C3, #007D81, #005749, #003A41)
• Cobalt Boulevard color palette (#EBFBE7, #249C92, #377DC7, #607214, #2A3E25)

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