Softworn Petrol Grove color palette — #DFF3F0 · #92BED5 · #007194 · #003D43 · #000306

Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#DFF3F0): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#92BED5): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007194): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000306): quiet, heavy and certain.

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

Use it as a design system

One click turns Softworn Petrol Grove 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

• Pale Parlor color palette (#DCF4F3, #8CBBEB, #2164C0, #003A54, #000016)
• Softworn Denim color palette (#D3E3E0, #7BABB8, #006166, #002C25, #000102)
• Muted Dune color palette (#E7FAF8, #A6D2EF, #1780C6, #004E63, #000C21)
• Tempered Cerulean color palette (#EDF1E1, #009FC3, #00516D, #002F35, #001624)
• Chalky Hollow color palette (#DCE2F7, #484DE1, #98027A, #004C55, #01000B)
• Cobalt Veranda color palette (#F5E8EF, #59BFDD, #008BD1, #006E64, #000B3F)
• Azure Pier color palette (#E3FBF9, #D1DCF0, #00A4ED, #006F84, #002644)
• Chalky Aubergine Pier color palette (#D8E2FC, #736FD3, #00776D, #3900A3, #000201)

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