Ancient Petrol color palette — #F0F7F3 · #CEDCDF · #C2ACBA · #236E83 · #303F36
Teal and Rosewood Mist set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Silver (#CEDCDF): bright and airy, almost weightless.
- Rosewood Mist (#C2ACBA): A luminous, dusty pink — the color of peonies in June.
- Teal (#236E83): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#303F36): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Ancient 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
- Cerulean Studio color palette (#F0F7F4, #CDDDDE, #D2C1D4, #2C8BB1, #2F3F38)
- Dusty Petrol color palette (#EDF3F7, #D3D5E1, #A7B9CD, #006E91, #182228)
- Hushed Driftwood color palette (#FAF3F7, #E1D8D6, #ADADA3, #787FA8, #575055)
- Patina Lagoon color palette (#FEF1F6, #E6D5D0, #D0B5B2, #7458A6, #4D3942)
- Hushed Abyss Atelier color palette (#E0EDE7, #C1B4C0, #9C8791, #004B68, #0D241C)
- Ancient Ultramarine color palette (#FCF2FA, #E4CAD6, #BE9DA2, #2D50B5, #402B3D)
- Hushed Spruce color palette (#F8F6E4, #79A884, #277162, #2C5542, #323A00)
- Chestnut Pier color palette (#B9EFFF, #89A0CA, #887096, #6E5701, #3B4A00)
Browse the whole catalog at Explore, or see today's palette.