Tempered Petrol Basin color palette — #ECF3F7 · #9DCFC8 · #3E677D · #0F3548 · #0A161C
Peacock and Deep Teal set the tone — five colors that lean into calm and sophistication.
The five colors
- Ivory (#ECF3F7): a clean, paper-quiet neutral.
- Stone (#9DCFC8): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#3E677D): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#0F3548): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#0A161C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Calm, Sophistication. Tagged luxury, dark, muted, cool.
Use it as a design system
One click turns Tempered Petrol Basin 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
- Softworn Summit color palette (#EEF2FB, #D3B9D5, #595C8B, #2B2D50, #0F1320)
- Antique Studio color palette (#EFF7F4, #E1B5A0, #296487, #204035, #1A2728)
- Cerulean Grove color palette (#F0F7F3, #BBDCB6, #44889D, #365545, #242E28)
- Wandering Cobalt Corridor color palette (#EDF2F8, #A5C6EF, #7F79B8, #2C73C0, #121520)
- Muted Veranda color palette (#E8F3FF, #62BD8A, #004E88, #00213F, #000816)
- Forest Parlor color palette (#DFEEFA, #026A2F, #372C2E, #001624, #000103)
- Cerulean Ridge color palette (#EEF2F8, #D7D5DC, #B3AAB0, #7081AE, #32363D)
- Dusty Balcony color palette (#FDECF7, #B2A2CF, #8C6B8F, #803A2A, #2A293F)
Browse the whole catalog at Explore, or see today's palette.