Petrol Bloom color palette — #E6F1F0 · #90B6D3 · #006EAB · #004D60 · #092F54
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F1F0): a clean, paper-quiet neutral.
- Ash (#90B6D3): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006EAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#092F54): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Cobalt Drift color palette (#EDF8F7, #AAC9E6, #427ABD, #005B7C, #283B57)
- Hushed Petrol Field color palette (#F5E4EB, #76BDE6, #3F6BA9, #004B4E, #111131)
- Cypress Hollow color palette (#E7F1EF, #77C0BE, #00777D, #005146, #00353C)
- Ancient Cerulean Garden color palette (#DCECEA, #409DB6, #00516A, #002F34, #001623)
- Weathered Thicket color palette (#EEF7F7, #D7DBEC, #709DCC, #367792, #435469)
- Antique Periwinkle color palette (#F6EBF0, #ABDBF7, #7FA3EC, #009289, #2F2552)
- Sapphire Lagoon color palette (#E5D9EC, #C74C7F, #0B62D9, #870049, #042659)
- Weathered Amber Coast color palette (#FBE7FC, #F5B5AC, #DB7846, #8B3D59, #452D44)
Browse the whole catalog at Explore, or see today's palette.