Pale Petrol color palette — #F9ECE2 · #6DBDE1 · #3868AD · #005147 · #2C2750

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F9ECE2): a clean, paper-quiet neutral.
• Sky (#6DBDE1): A luminous, balanced blue — the color of open sky before noon.
• Slate (#3868AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2C2750): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Pale 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

• Forest Workshop color palette (#F9EBE7, #6DC2C2, #007392, #095322, #122F4F)
• Muted Dune color palette (#DCEDEC, #86BCD7, #1372A4, #004958, #00172C)
• Pale Cobalt color palette (#EDF0E3, #98CDE7, #0090CF, #00697C, #08304F)
• Aged Cobalt color palette (#FCF4EC, #A0D1C1, #6276AC, #00605E, #512D3F)
• Frosted Forest Loft color palette (#FFF2EE, #72E3E7, #008CB5, #006B32, #20406A)
• Misty Cerulean color palette (#EEDFD8, #00A1B6, #004F76, #003220, #040842)
• Soft Lantern color palette (#F7EBF0, #B3D9F2, #60A9F5, #00918F, #1F2660)
• Timeworn Lagoon color palette (#A4F8EC, #00A5A2, #006562, #00342E, #001A18)

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