Petrol Bloom color palette — #E5F2F0 · #8AB9CF · #00748F · #004F52 · #003346

Built around Teal, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Cream (#E5F2F0): a clean, paper-quiet neutral.
• Ash (#8AB9CF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#003346): 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

• Softworn Cerulean color palette (#EBF9F7, #A1CCE5, #4280A0, #005E6A, #103E5B)
• Worn Denim Thicket color palette (#D7EDEB, #71A6C6, #005C90, #003C4B, #002040)
• Linen Turquoise color palette (#EEEFE7, #9CE0F0, #00B6E0, #009096, #003346)
• Dusty Lagoon color palette (#D3E6E2, #469FA1, #00545C, #00302B, #00171D)
• Denim Bloom color palette (#F2F4FF, #D5B9FE, #B88AC0, #4D4F93, #3C2F53)
• Mulberry Dune color palette (#EAF0FF, #6459BF, #A1206B, #005669, #1D183F)
• Airy Ultramarine Delta color palette (#D9E8FD, #5E8AE7, #3549BB, #2E2790, #281B5B)
• Timeworn Chestnut color palette (#FFDEE9, #A18156, #78490F, #562900, #0A2C14)

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