Dusty Petrol color palette — #F2F3E8 · #AAB99D · #33828A · #465D32 · #202C12
Teal and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2F3E8): a clean, paper-quiet neutral.
- Sage (#AAB99D): A luminous, dusty green — the color of fresh herbs.
- Teal (#33828A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Pine (#465D32): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Forest (#202C12): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Olive Coast color palette (#F9F0E8, #BFB291, #607F52, #235F61, #312606)
- Worn Lagoon Garden color palette (#F4F6ED, #A4B790, #00857D, #566018, #324C08)
- Weathered Cerulean color palette (#EDF8F5, #9FCED1, #38A0A7, #527B71, #2E4749)
- Aged Fern Canyon color palette (#FBEFE8, #B59C70, #636A2A, #543869, #281800)
- Softworn Cerulean Boulevard color palette (#F7F0EC, #C4E5D5, #6790C4, #006E5F, #3D2233)
- Aged Chapel color palette (#E7E4D7, #6C9A76, #00635A, #003C62, #001806)
- Dusty Lagoon color palette (#DFF9ED, #F0D8D1, #E3B2E0, #3B9280, #123A31)
- Powdered Amber Archive color palette (#E4F7EF, #6BADD1, #C47751, #006D97, #401B08)
Browse the whole catalog at Explore, or see today's palette.