Aged Petrol color palette — #F5EDE1 · #70C8C5 · #007581 · #00402E · #000305
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Aqua (#70C8C5): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007581): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000305): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Aged 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
- Petrol Workshop color palette (#F3EDE3, #8EBEDA, #0069B6, #003D45, #000016)
- Hushed Cerulean color palette (#FDF4E5, #B2D6BD, #0087AB, #00524B, #000E1A)
- Patina Lagoon color palette (#EEE2EE, #299C9A, #005266, #002F08, #00040E)
- Linen Pine color palette (#FDE9E3, #4FC5C2, #0091B2, #00731D, #00142A)
- Hushed Turquoise color palette (#FDF4E5, #C4FAFF, #00ABCD, #007464, #00283B)
- Powdered Balcony color palette (#F3ECDE, #836100, #00656C, #6D0076, #020100)
- Soft Ultramarine color palette (#F7E3CA, #A77200, #1F5CD7, #513600, #000108)
- Amber Boulevard color palette (#E9E0BF, #B48E00, #624C00, #1C1300, #020100)
Browse the whole catalog at Explore, or see today's palette.