Petrol Archive color palette — #FEF6D1 · #C4E6C8 · #78CAB0 · #008592 · #00485F
Cerulean and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FEF6D1): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#C4E6C8): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#78CAB0): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#008592): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00485F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Petrol Archive 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
- Mint Field color palette (#D4FFFF, #ABE9D3, #6CCDBA, #3F9C97, #00555B)
- Quiet Balcony color palette (#F1FBD3, #C8F2FC, #72C4D2, #007FB0, #203D75)
- Washed Seafoam Archive color palette (#E9F9CE, #84D0B4, #45988A, #09645F, #003336)
- Worn Grove color palette (#FFF3E6, #BDE9D0, #A0B87A, #2A8752, #00453D)
- Airy Navy color palette (#DBFFEC, #70DBD4, #009EBE, #00568F, #110064)
- Softworn Navy Boulevard color palette (#D2F3E7, #00B6BC, #007396, #002969, #030014)
- Hushed Teal color palette (#F1F8EC, #62C3AA, #455B4C, #262E21, #0F100A)
- Antique Stone color palette (#F5F6EF, #D5DCD8, #AFB2BE, #92BB92, #4D4F44)
Browse the whole catalog at Explore, or see today's palette.