Petrol Archive color palette — #F3E5EE · #58AFC6 · #006DA0 · #004B42 · #001038
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F3E5EE): bright and airy, almost weightless.
- Cyan (#58AFC6): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006DA0): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B42): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001038): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Aged Sapphire color palette (#EBDBE2, #80BAD9, #1373D6, #00595A, #16164B)
- Dusty Hollow color palette (#EADDE5, #4BA39E, #006372, #003E1E, #000B13)
- Antique Petrol color palette (#F6EDDE, #7FC2D5, #007098, #003E3C, #000308)
- Cerulean Courtyard color palette (#F5EBF2, #8AD2E0, #0092C6, #006E5B, #142E4F)
- Misty Azure color palette (#D2EFDD, #59C8CE, #009BDC, #556800, #001916)
- Airy Turquoise color palette (#FDF1FA, #A2E9EE, #00ACD4, #00865F, #1A4362)
- Plum Balcony color palette (#C9E8E9, #008D63, #AC0098, #005338, #21001C)
- Softworn Thicket color palette (#FBF3F5, #D8DDFB, #89A3E0, #298995, #3F4662)
Browse the whole catalog at Explore, or see today's palette.