Tempered Cobalt Field color palette — #FBF3EF · #AECEB8 · #0080BD · #006344 · #4D2F47
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Pistachio (#AECEB8): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#0080BD): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006344): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#4D2F47): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Cobalt 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
- Feathered Cornflower Corridor color palette (#FCF3ED, #A2D7EE, #317FDC, #00685A, #3B386A)
- Forest Grove color palette (#FFF2EE, #54CCCE, #00799A, #005A23, #063361)
- Tempered Dune color palette (#ECF4EE, #A0D0E5, #0088AF, #005C56, #042239)
- Ultramarine Workshop color palette (#F5EDE5, #86B8DA, #385BD3, #00504D, #31264B)
- Hushed Workshop color palette (#FCF4E8, #9EE1EF, #4EA1C2, #137C74, #1C4338)
- Dusty Azure Bloom color palette (#FBF3F0, #CAE9E3, #5FA2C9, #407D5E, #5E4C5B)
- Aged Grove color palette (#F5EEDD, #B39C24, #515EC1, #655600, #293060)
- Patina Navy Studio color palette (#F3E8E1, #4D8A9B, #003F68, #002319, #04002D)
Browse the whole catalog at Explore, or see today's palette.