Hushed Petrol color palette — #E3DED5 · #97BBA3 · #0080A5 · #005A54 · #002238
A conversation between Cerulean and Peacock, giving this palette its sense of nature and growth.
The five colors
- Bone (#E3DED5): a clean, paper-quiet neutral.
- Sage (#97BBA3): A luminous, dusty teal — the color of sea glass.
- Cerulean (#0080A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#002238): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Frosted Sapphire Garden color palette (#EBE4DA, #8FBCAF, #2D70D7, #005669, #131353)
- Hushed Cerulean Workshop color palette (#EAFAED, #82DCEE, #0086AD, #00524C, #000E1B)
- Denim Alley color palette (#F8E8E1, #52ADBF, #005D8C, #00402C, #101B44)
- Washed Summit color palette (#E9E0D3, #7A9C82, #00627A, #003C35, #000B14)
- Frosted Archive color palette (#F2E5EE, #7BCFDE, #009CE1, #008158, #101C40)
- Dusty Balcony color palette (#F9F4ED, #B6DFD1, #6B98D1, #00798D, #2B3762)
- Misty Cornflower color palette (#FEF4E4, #9BD1FF, #3E87FF, #006F87, #232573)
- Tempered Lagoon Lagoon color palette (#F8F5EF, #CCE6DF, #83BCC7, #4D967F, #315343)
Browse the whole catalog at Explore, or see today's palette.