Tempered Field color palette — #D2F4F9 · #0087AB · #005C80 · #003963 · #001136

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D2F4F9): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0087AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C80): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003963): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001136): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Tempered Field 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 Lagoon color palette (#D8F6FD, #0097B8, #005A7E, #002C4D, #000212)
• Onyx Meadow color palette (#C4EDE6, #00747F, #003F5D, #002052, #11003B)
• Sunlit Cobalt Terrace color palette (#DCF3EC, #007EC1, #8E5800, #004973, #190C00)
• Aged Lagoon color palette (#DBF7E6, #008D77, #006860, #003B3C, #00181D)
• Navy Orchard color palette (#D0EFFE, #0080BE, #0052A5, #160090, #100149)
• Airy Lilac color palette (#D5F0E8, #9BA7E9, #A673D0, #006886, #0C1939)
• Quiet Garden color palette (#DAE2EE, #4A85EE, #004AB2, #002167, #000311)
• Ultramarine Grove color palette (#C4ECFC, #0EB6F4, #007BCB, #003AD2, #1D1E79)

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