Petrol Dune color palette — #EBF5EF · #CCD9D9 · #AABCB5 · #137084 · #1A231D

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Cream (#EBF5EF): bright and airy, almost weightless.
• Silver (#CCD9D9): a clean, paper-quiet neutral.
• Ash (#AABCB5): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#137084): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#1A231D): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Softworn Canyon color palette (#EEF7FA, #D7D9E1, #A8B4C8, #007180, #293E47)
• Aged Cerulean color palette (#F0F7F2, #D1DEDF, #B9B7AC, #4F96A3, #28312B)
• Cypress Orchard color palette (#F1F4E3, #9BA67D, #237555, #135148, #1A1F06)
• Indigo Coast color palette (#FBEDF4, #E5D1CE, #D4B6BD, #7159AC, #2F1F27)
• Weathered Abyss Ridge color palette (#D9E2DE, #A7B7B1, #99869C, #004B63, #020E08)
• Velvet Petrol color palette (#D5ECE4, #006AA4, #301D31, #00100B, #000302)
• Ancient Ultramarine color palette (#FAEDF9, #DFCEDA, #C1A0B4, #1452BF, #261125)
• Ancient Aubergine Ridge color palette (#F0E6E9, #D5C7CA, #B49DA0, #644188, #1F1116)

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