Tempered Petrol color palette — #D1E5E3 · #65AAD7 · #006AAD · #00475B · #00132F
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Silver (#D1E5E3): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#65AAD7): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006AAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00475B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00132F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Tempered 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
- Muted Cypress Harbor color palette (#DAE9E6, #60B1B3, #00747E, #004B43, #00171D)
- Softworn Cobalt color palette (#F5EADA, #7DB8DE, #3F85D3, #006A7B, #040940)
- Ultramarine Field color palette (#FDE7F0, #87BEE2, #385DC9, #003E3B, #04000F)
- Navy Studio color palette (#FCE6EF, #3199D1, #084498, #002F32, #100939)
- Aged Azure color palette (#EBF8F8, #B3D9FA, #5C98DE, #00769E, #263B59)
- Lagoon Cabin color palette (#CFE5E5, #009EA3, #006466, #003030, #000404)
- Muted Basin color palette (#D2E5E7, #008B75, #855E00, #005144, #170D00)
- Dusty Market color palette (#C5E5E9, #00747E, #351CF7, #1A5A00, #000A0B)
Browse the whole catalog at Explore, or see today's palette.