Petrol Lantern color palette — #F9EBE3 · #85C1D5 · #006AB3 · #003F31 · #020013

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9EBE3): a clean, paper-quiet neutral.
• Sky (#85C1D5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#006AB3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F31): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Lantern 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 Cornflower Drift color palette (#FFF3E8, #ABD7C7, #4A73DC, #00524E, #11002D)
• Wandering Denim Hollow color palette (#FBECE7, #8DAB8D, #005E76, #002E0A, #000104)
• Muted Cerulean color palette (#F1E6D6, #0099BA, #005071, #002C2C, #00040E)
• Frosted Cobalt Meadow color palette (#E1F0E4, #56BFDE, #008DC5, #006D6D, #00142B)
• Coral Balcony color palette (#FFE2F3, #E6C0EE, #F3755D, #00597B, #0A001D)
• Linen Lapis color palette (#CEE4ED, #0083D9, #4026DB, #320061, #050007)
• Chalky Nightshade color palette (#ECD9E7, #5C6EEE, #646F00, #2600AE, #010100)
• Periwinkle Summit color palette (#FBF3EE, #C0E5F5, #6EAAEF, #00816D, #292854)

Browse the whole catalog at Explore, or see today's palette.