Hushed Petrol color palette — #EEEFE6 · #97BCA2 · #00748C · #004F51 · #003344
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#EEEFE6): a clean, paper-quiet neutral.
- Sage (#97BCA2): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003344): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Timeworn Cerulean Courtyard color palette (#F4F6EC, #A4D1B8, #3182A3, #005E68, #113F58)
- Petrol Archive color palette (#ECF1E3, #87B8DA, #136CAE, #004C62, #0A2D58)
- Patina Cypress Meadow color palette (#F5F6EE, #C6E6E3, #7AA48E, #2E7B81, #355146)
- Hushed Turquoise color palette (#E6F1EF, #AADCF2, #00B6DC, #009093, #003345)
- Lagoon Drift color palette (#E2E3D4, #40A0A0, #00545A, #00302A, #00181C)
- Forest Garden color palette (#E9F9D5, #79DAC7, #37A6AB, #1F7042, #243514)
- Antique Pine color palette (#DAE5CB, #007F56, #006888, #5B4C00, #002717)
- Cerulean Coast color palette (#F4F6EF, #C3E5DA, #618DBF, #276A88, #583D56)
Browse the whole catalog at Explore, or see today's palette.