Hushed Petrol Field color palette — #F9ECE4 · #93BDA5 · #2E6CA3 · #005141 · #242758
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#F9ECE4): a clean, paper-quiet neutral.
- Sage (#93BDA5): A luminous, dusty teal — the color of sea glass.
- Slate (#2E6CA3): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#242758): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Hushed Petrol Field 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
- Petrol Thicket color palette (#F6EDE3, #90B6D9, #5660AA, #004F52, #37214F)
- Dusty Meadow color palette (#FCF3EC, #ACCEBE, #5879AA, #006156, #383360)
- Ancient Meadow color palette (#E3ECE5, #87BDCF, #0074A3, #004B4C, #00162F)
- Onyx Canyon color palette (#F1E3DE, #579CA3, #00506F, #00321A, #000E3B)
- Worn Teal Alley color palette (#ABF3E3, #00AB9B, #005F56, #002E27, #001811)
- Aged Cabin color palette (#E3E3CF, #5D9B17, #006A3D, #00453E, #062B3E)
- Ancient Forest color palette (#FDF2EF, #CBE4CB, #5394AB, #3D6F44, #553E58)
- Periwinkle Hollow color palette (#F6EBF1, #A7DDEF, #56AAF9, #009478, #252855)
Browse the whole catalog at Explore, or see today's palette.