Tempered Archive color palette — #F8E6EF · #328BAD · #003A79 · #00231D · #090029

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

The five colors

• Blush (#F8E6EF): A whisper-light, dusty rose — the color of strawberry cream.
• Cerulean (#328BAD): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003A79): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#00231D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#090029): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Muted Thicket color palette (#EAD9E0, #309BCA, #003EA8, #00302C, #16053A)
• Abyss Corridor color palette (#DDE0D2, #45819C, #00405F, #001E25, #000104)
• Hushed Denim color palette (#D0E4E2, #619BB6, #005F8A, #003A45, #000A17)
• Cobalt Bloom color palette (#EFE0D6, #6AAAC8, #2176C7, #005D5C, #04002D)
• Aged Iris Lantern color palette (#D7E8F3, #7D92F6, #924F8A, #00382C, #001024)
• Forest Boulevard color palette (#F6EAF8, #67C3BF, #00748D, #125316, #0D304D)
• Inked Cocoa color palette (#CAE4F3, #005A71, #5B3400, #002530, #0C0400)
• Sapphire Boulevard color palette (#FFF1F5, #70C0FB, #4B61D0, #005656, #3D2063)

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