Petrol Study color palette — #FBF4E9 · #DAD5E0 · #85A7DE · #1D7A93 · #3F2338
Built around Teal, softened by Cornflower — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Silver (#DAD5E0): bright and airy, almost weightless.
- Cornflower (#85A7DE): A luminous, balanced blue — the color of open sky before noon.
- Teal (#1D7A93): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#3F2338): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Study 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
- Tempered Turquoise color palette (#F9F4ED, #BBE6F2, #58B2D8, #008079, #0D314A)
- Weathered Cerulean color palette (#FAF4EE, #BFEBDE, #98B1E8, #299CAB, #39345C)
- Ancient Delta color palette (#F6EDDF, #5BC7E4, #00709A, #003E3D, #000308)
- Dusty Cobalt color palette (#EDF8F7, #AAC9E6, #4D7BAF, #005B7A, #253A5F)
- Powder Field color palette (#F9F4ED, #C5DEED, #BFBEF0, #779C85, #594655)
- Gentle Study color palette (#F7F7E1, #AEE16F, #AE7DE2, #60832F, #311C45)
- Weathered Meadow color palette (#FFF4E2, #76E0E0, #00899C, #005341, #000F16)
- Periwinkle Lantern color palette (#F7F8D6, #73BC4B, #4996F9, #B0656A, #1D1D02)
Browse the whole catalog at Explore, or see today's palette.