Tempered Petrol color palette — #FBF2F6 · #D9D4DE · #8AA5E0 · #007D89 · #2C284E
Built around Teal, softened by Cornflower — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF2F6): a clean, paper-quiet neutral.
- Silver (#D9D4DE): a clean, paper-quiet neutral.
- Cornflower (#8AA5E0): A luminous, balanced violet — the color of a velvet chair.
- Teal (#007D89): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#2C284E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.
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
- Aged Pine Garden color palette (#FAF3F8, #D3D5E4, #55B4D2, #00835C, #003150)
- Softworn Azure Hollow color palette (#FFF0F9, #D8D6EE, #2C9FFC, #00736E, #100F6B)
- Timeworn Veranda color palette (#F8E9F3, #78C4D6, #006F9F, #003F35, #00020C)
- Worn Cobalt Drift color palette (#E7F5F4, #A2CDEF, #4E7FB3, #005773, #0D213A)
- Weathered Lagoon Courtyard color palette (#FAF3F6, #D8D4DF, #AECDFD, #4DA1A6, #444D64)
- Weathered Nightshade color palette (#F5E6EB, #83A6C8, #3348AD, #002A31, #020008)
- Cerulean Dune color palette (#FBF2F8, #9DD9D6, #0089A0, #005531, #000E19)
- Weathered Periwinkle color palette (#FFF1F5, #EAB379, #3BAFFE, #A66500, #002A46)
Browse the whole catalog at Explore, or see today's palette.