Hushed Petrol Ridge color palette — #F9EBE5 · #93BDA2 · #00709F · #005144 · #0B2C5A

Built around Peacock, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Cream (#F9EBE5): a clean, paper-quiet neutral.
• Sage (#93BDA2): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#0B2C5A): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed Petrol Ridge 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

• Antique Cobalt color palette (#FAF4F0, #AECEBD, #337DB9, #00605B, #2B395E)
• Washed Petrol color palette (#E0ECEA, #7CC0CF, #007793, #004B4E, #001924)
• Softworn Denim Ridge color palette (#F6EDE5, #6FA6C7, #1C55A1, #003E40, #181152)
• Abyss Boulevard color palette (#F5E8E1, #79997B, #005264, #00321E, #001626)
• Azure Workshop color palette (#F8E9F4, #8AE3F5, #0EB2F2, #27917B, #132E50)
• Wandering Courtyard color palette (#E9DED7, #5787A0, #003C74, #002222, #05002C)
• Antique Boulevard color palette (#FAF4F0, #CEE3E2, #729FC1, #018074, #604A5D)
• Softworn Market color palette (#F6D4D8, #A860A2, #007D65, #7A0077, #003126)

Browse the whole catalog at Explore, or see today's palette.