Hushed Petrol color palette — #F1E5EE · #5FAFB3 · #00819F · #006042 · #000A16
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Blush (#F1E5EE): bright and airy, almost weightless.
- Turquoise (#5FAFB3): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#00819F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006042): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Hushed Petrol 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
- Muted Workshop color palette (#E9DCE2, #5FABCD, #0076CE, #005D5C, #04022A)
- Denim Canyon color palette (#E8E9DF, #5D9FA4, #006470, #003C38, #000B10)
- Lagoon Meadow color palette (#F1E9DC, #3D858A, #004350, #002019, #000103)
- Azure Ridge color palette (#D1E4E0, #4BBAC9, #5A94E0, #6D7100, #000E08)
- Cornflower Thicket color palette (#EFDEE3, #9BC5E8, #5C8AFF, #007B88, #1F1546)
- Amethyst Studio color palette (#D4EDEC, #00965C, #882BF4, #00653C, #09001B)
- Emerald Orchard color palette (#D2EBD8, #00A575, #007B44, #00422A, #000201)
- Feathered Periwinkle Pier color palette (#F5EBF1, #9BDFF7, #37ACFE, #009288, #1E2C4E)
Browse the whole catalog at Explore, or see today's palette.