Petrol Dune color palette — #E6F2E8 · #90B8C8 · #00748E · #005147 · #00324A

Teal and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E6F2E8): a clean, paper-quiet neutral.
• Ash (#90B8C8): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00324A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Soft Sapphire Parlor color palette (#E9F1EA, #92B6D3, #0F68BC, #004E5A, #19285F)
• Cerulean Villa color palette (#F0F7F1, #A8CBDD, #3781A4, #00605E, #113D60)
• Tempered Canyon color palette (#F0E5EE, #7FC0C7, #0074A0, #004E2D, #021338)
• Turquoise Basin color palette (#F4EEE4, #9CE1E9, #00B6DE, #009382, #00324A)
• Lagoon Courtyard color palette (#E6F1E8, #589D99, #00545B, #003121, #00171E)
• Soft Denim color palette (#ECF2FF, #CCBBEA, #CF85C4, #00589F, #2B3253)
• Antique Alley color palette (#F1F7F2, #D3DFF2, #71A1B6, #207E77, #3F5569)
• Hushed Canyon color palette (#CFDEFF, #565ACD, #A52E00, #005C36, #171942)

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