Petrol Archive color palette — #E7F2E9 · #83BBCE · #0070A0 · #004F51 · #132F4D
Peacock and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Ash (#83BBCE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#0070A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#132F4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Cobalt Chapel color palette (#F1F7F2, #AACAE1, #337DBC, #005E69, #283A5C)
- Feathered Cobalt color palette (#F4E4ED, #63C2DF, #196EB4, #004D3D, #0F1036)
- Cerulean Lantern color palette (#EEF0E7, #A7DDF0, #5AB0D8, #008E9E, #00324C)
- Powdered Ultramarine color palette (#DCE8DE, #74A4CB, #004FB8, #003C4A, #161B41)
- Aged Cerulean color palette (#E4EFE6, #499EA8, #005266, #00302A, #001623)
- Worn Pier color palette (#F1F7F2, #D7DEEF, #6B9FC8, #3A7A7F, #475464)
- Misty Peony color palette (#F0F2FF, #E1B1F2, #E56DA5, #4358A1, #2D2B4B)
- Gentle Courtyard color palette (#DDE1F1, #7251C1, #924600, #005B49, #21183B)
Browse the whole catalog at Explore, or see today's palette.