Dusty Petrol color palette — #FAE9E3 · #57B0B7 · #007FA9 · #006133 · #00081F
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#FAE9E3): A whisper-light, dusty orange — the color of sun-warmed clay.
- Cyan (#57B0B7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006133): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#00081F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Dusty 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
- Softworn Cobalt color palette (#F9E6DD, #4EC3D2, #008DC6, #007148, #010C3E)
- Antique Grove color palette (#F2E2D4, #51ABDA, #4270CA, #005E57, #0C0026)
- Softworn Teal color palette (#DCEADE, #00A6B1, #006377, #003C33, #000B13)
- Washed Lagoon Lagoon color palette (#F5EBF2, #40858A, #004255, #002015, #000104)
- Faded Iris color palette (#F0E7DD, #92C6F1, #7188F4, #007D7E, #26153C)
- Crimson Balcony color palette (#F3D9D8, #EA003C, #007F93, #A00026, #00070A)
- Timeworn Scarlet Loft color palette (#FFE4E1, #D00518, #00718C, #2A507C, #070000)
- Tempered Archive color palette (#F8ECE4, #9EDEF5, #5BA9F7, #26927A, #262853)
Browse the whole catalog at Explore, or see today's palette.