Tempered Station color palette — #F5EEE2 · #4D7EA2 · #00387C · #001E26 · #00000C

Navy takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F5EEE2): a clean, paper-quiet neutral.
• Slate (#4D7EA2): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#00387C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001E26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Tempered Station 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

• Timeworn Navy Basin color palette (#EFE7DA, #658EB5, #15409F, #002A36, #03001B)
• Abyss Boulevard color palette (#EDE4D6, #4A8386, #004350, #002019, #000103)
• Petrol Dune color palette (#EEE8DF, #9CBDA2, #007790, #004C41, #001926)
• Moonless Navy color palette (#FFEBD8, #6D4000, #003D6D, #2F1800, #000104)
• Cerulean Lantern color palette (#F7F1E7, #BCD9BB, #0094A3, #00654B, #002A36)
• Velvet Chestnut color palette (#FDEBCB, #835800, #3B2700, #121C1D, #0D0600)
• Hushed Dune color palette (#F6F1E9, #C7E4D9, #6591C2, #006A7A, #3C2138)
• Olive Orchard color palette (#F3E7D8, #9C8842, #4C7321, #461D00, #040300)

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